<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<script src="js/swiper.js"></script>
		<link rel="stylesheet" href="css/style.css"/>
	</head>
	<body>
		<div class="header">
			<div class="hwidth">
			<div class="hleft">
				<img src="img/logo.png" width="300px"/>
			</div>
			<div class="hright">
				<input type="text" value="换油助手"/><img class="sous" src="img/sech.png">
			</div>
			</div>
		</div>
		<div class="nav">
			<ul class="navlist">
				<li><a href="index.html">首页</a></li>
				<li>|</li>
				<li><a href="about.html">关于我们</a></li>
				<li>|</li>
				<li><a href="changpin.html">产品展示</a></li>
				<li>|</li>
				<li><a href="xinwen.html">新闻中心</a></li>
				<li>|</li>
				<li><a href="jishu.html">技术服务</a></li>
				<li>|</li>
				<li><a href="#">商务中心</a></li>
				<li>|</li>
				<li><a href="#">人才招聘</a></li>
				<li>|</li>
				<li><a href="#">联系我们</a></li>
				<li>|</li>
			</ul>
		</div>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/timg.png"></div>
				<div class="swiper-slide"><img src="img/timg.png"></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination">
		
			</div>
		
		
		</div>
		<!-- <div class="banner">
			<img src="img/timg.png">
			<span class="bian"></span>
			<span class="yuan"></span>
		</div> -->
		<div class="conten">
			<h4>公司<span class="lan">简介</span></h4>
			<p class="hui">Company profile</p>
			<hr>
			<div class="context">
				<div class="cleft">
					<img src="img/2015052636506277.png">
				</div>
				<div class="cright">
					<p class="title">公司简介</p>
					<p>司能石油化工有限公司, 是集车用、工程机械、工业及特种润滑油品研制、生产、销售为一体的综合性润滑油生产企业，是国内最具实力的润滑油生产实体之一。一方面针对汽车及工程机械特点进行专业高档润滑油的研制和生产，为广大的汽车及工程机械企业提供装机和售后服务用油；另一方面致力于为冶金、建材、装备、金属加工等行业提供系统的润滑解决方案，充分展现润滑与机械的完美结合。</p>
					<span class="more">MORE+</span>
				</div>
			</div>
			
		</div>
		<div style="background-color: #eee;" class="conten">
			<h4 style="background-color: #eee;padding-top: 40px;">新闻<span class="lan">资讯</span></h4>
			<p class="hui">news information</p>
			<hr style="top: 52px;">
			<div class="context">
				<div class="ctong">
					<img src="img/2020031634955065.png"><br>
					<p class="ctitle">司能投产十周年庆典<span>2020-3-16</span></p><p class="ctitle">暨2019年度先进表彰会隆重召开！</p>
<p class="pad">十年岁月如歌，十年风雨砥砺。2020年1月16日，司能投产十周年庆典暨2019年度先进表彰大会在柳州总部隆重举行,共同庆祝司能投产十周年这一荣耀时刻。</p>
<span class="more1">MORE+</span>
				</div>
				<div class="ctong">  
									<img src="img/2019121060417533.png"><br>
									<p class="ctitle">Automechanika<span>2020-3-16</span></p>
				<p class="ctitle">完美落幕 司能展会圆满收官</p>
				<p class="pad">2019年12月3日-6日，亚洲最大的汽车后市场展会——法兰克福汽配展在上海国展中心隆重举行，吸引了来自国内外6500多家企业携新产品、新技术亮相。</p>
				<span class="more1">MORE+</span>
								</div>
								<div class="ctong">
													<img src="img/2019101552124049.png"><br>
													 
													<p class="ctitle">司能润滑科技有限公司<span>2020-3-16</span></p>
								<p class="ctitle">技术中心荣获CNAS认证</p>
								<p class="pad">江苏司能润滑科技有限公司技术中心正式通过中国合格评定国家认可委员会审批，成为司能石油化工有限公司第2个按照国际标准体系运行并获得CNAS认可的国家级检测实验室 。</p>
								<span class="more1">MORE+</span>
												</div>
			</div>
			</div>
			<div class="conten">
				<h4>产品<span class="lan">展示</span></h4>
				<p class="hui">Product display</p>
				<hr>
				<div class="context">
					<div class="ctleft">
						<img src="img/1.png">
						<br><br>车用润滑油
					</div>
					<div class="ctleft">
						<img src="img/2.png">
						<br><br>车用附属油
					</div>
					<div class="ctleft">
						<img src="img/3.png">
						<br><br>工业润滑油
					</div>
					<div class="ctleft">
						<img src="img/4.png">
						<br><br>金属加工油
					</div>
				</div>
				
			</div>
			<div class="footer">
				<div class="dlogo">
					<img src="img/foot.png" width="100px" />
				</div>
				<div class="dtext">
					反馈留言  |  联系我们  |  站长统计<br>Tel: +86 0772 3513666 站长统计<br>版权所有：司能石油化工有限公司 网站备案号： 桂ICP备17000974号   
				</div>
			</div>
			<script>
				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					paginationClickable: true,
					paginationBulletRender: function(swiper, index, className) {
						return '<span class="' + className + '">' + (index + 1) + '</span>';
					}
				});
				var mySwiper = new Swiper('.swiper-container', {
					direction: 'horizontal', // 垂直切换选项
					loop: true, // 循环模式选项
			
					// 如果需要分页器
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
					autoplay: true,
			
			}
			
				})
				for (i = 0; i < mySwiper.pagination.bullets.length; i++) {
					mySwiper.pagination.bullets[i].onclick = function() {
						this.click();
					};
				}
			
			
				
			</script>
	</body>
</html>
